.home {


  .section1 {
    width: 1400px;
    margin: 35px auto 50px auto;

    .title {
      display: flex;
      justify-content: space-between;
      padding: 0 15px;
      box-shadow: 0 0 10px rgba(0, 0, 0, .2);
      background: white;
      position: relative;
      margin-bottom: 25px;

      .bg {
        position: absolute;
        left: -1px;
        height: 100%;
        top: -7px;

        img {
          display: block;
          object-fit: contain;
          width: 160px;
        }
      }

      .l {
        position: relative;
        z-index: 10;

        .st {
          display: flex;
          align-items: center;
          width: 100%;
          justify-content: center;
          padding: 8px 0;

          img {
            width: 22px;
            display: block;
            transform: translateY(-2px);
          }

          p {
            font-size: 20px;
            color: white;
            margin: 0 0 0 10px;
            font-weight: bold;
            transform: translateY(-4px);
          }
        }
      }

      a {
        display: flex;
        align-items: center;

        p {
          margin: 0;
          font-size: 14px;
          color: #808081;
        }

        img {
          display: block;
          width: 6px;
          margin-left: 10px;
        }
      }
    }

    .box{
      display: flex;
      justify-content: space-between;
      .banner {
        width: 49%;
        position: relative;
        .prev{
          position: absolute;
          left: 10px;
          top:50%;
          transform: translateY(-50%);
          z-index: 10;
          cursor: pointer;
          outline: none;
          img{
            width: 14px;
          }
        }
        .next{
          position: absolute;
          right:10px;
          top:50%;
          transform: translateY(-50%);
          z-index: 10;
          outline: none;
          cursor: pointer;
          img{
            width: 14px;
            transform: rotate(180deg);
          }
        }
        .other {
          position: absolute;
          bottom: 90px;
          right: 10px;
          z-index: 5;
          display: flex;
          align-items: center;
          justify-content: center;
    
          div {
            width: 32px;
            height: 2px;
            background: rgba(255, 255, 255, .8);
            border-radius: 3px;
            position: relative;
            cursor: pointer;
    
            &:after {
              content: '';
              position: absolute;
              top: 0;
              left: 0;
              width: 0;
              height: 100%;
              border-radius: 3px;
              background: rgba(35, 75, 134, 1);
            }
    
            &:not(:last-child) {
              margin: 0 5px 0 0;
            }
    
            @keyframes widthAnimate {
              100% {
                width: 100%;
              }
            }
    
            &.on {
              &:after {
                animation: 4s widthAnimate infinite linear;
              }
            }
          }
        }
    
        .swiper-container {
          width: 100%;
          .swiper-slide {
            a {
              display: block;
              img {
                display: block;
                width: 100%;
                height: 288px;
                object-fit: cover;
              }
              .text{
                background: #C71D1D;
                padding: 10px 15px;
                p{
                  margin: 0;
                  color:white;
                  font-size: 16px;
                  line-height: 1.6;
                }
              }
            }
          }
        }
      }
      .list {
        width: 49%;
        a {
          width:100%;
          border-bottom: 1px dashed rgba(61, 61, 61, .2);
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 15px 0;
          p{
            margin: 0;
          }
          .l {
            display: flex;
            align-items: center;
            width: calc(100% - 120px);
            .icon {
              margin: 0 10px 0 15px;
  
              img {
                width: 12px;
                display: block;
                filter: grayscale(100%);
              }
            }
  
            p {
              color: rgba(61, 61, 61, 1);
              font-size: 16px;
              transition: all 600ms;
              font-weight: 500;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              position: relative;
  
              &::after {
                content: attr(data-title);
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                display: block;
                color: #C71D1D;
                font-weight: bold;
                font-size: 16px;
                opacity: 0;
                transition: all 600ms;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
              }
            }
          }
  
          .time {
            color: rgba(128, 128, 129, 1);
            font-size: 16px;
            transition: all 600ms;
          }
  
          &:hover {
            .l {
              .icon {
                img {
                  filter: grayscale(0);
                }
              }
  
              p {
                color: transparent;
  
                &::after {
                  opacity: 1;
                }
              }
            }
  
            .time {
              color: #C71D1D;
            }
          }
        }
      }
    }
  }

  .section2 {
    background: url(../images/dbg.png) no-repeat;
    background-size: cover;
    padding: 60px 0;
    .content {
      width: 1400px;
      margin:  0 auto;
      display: flex;
      justify-content: space-between;

      .lbox {
        width: 49%;

        .title {
          display: flex;
          justify-content: space-between;
          padding: 0 15px 0 0;
          box-shadow: 0 0 10px rgba(0, 0, 0, .2);
          background: white;
          margin-bottom: 10px;

          .l {
            .item {
              display: flex;
              align-items: center;
              width: 100%;
              justify-content: center;
              padding: 8px 0 8px 10px;
              position: relative;
              cursor: pointer;

              .icon {
                width: 22px;
                display: block;
                position: relative;
                z-index: 1;
                transform: translateY(-1px);
              }

              p {
                font-size: 20px;
                color: white;
                margin: 0 0 0 10px;
                font-weight: bold;
                position: relative;
                z-index: 1;
                transform: translateY(-2px);
              }

              .bg {
                position: absolute;
                left: -1px;
                height: 100%;
                top: -7px;
                opacity: 0;
                transition: all 600ms;
                opacity: 1;

                img {
                  display: block;
                  object-fit: contain;
                  width: 160px;
                }
              }
            }
          }

          a {
            display: flex;
            align-items: center;

            p {
              margin: 0;
              font-size: 14px;
              color: #808081;
            }

            img {
              display: block;
              width: 6px;
              margin-left: 10px;
            }
          }
        }

        .allItems {
          .box {

            .list {
              a {
                border-bottom: 1px dashed rgba(61, 61, 61, .2);
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 15px 0;
                p{
                  margin: 0;
                }
                .l {
                  display: flex;
                  align-items: center;
                  width: calc(100% - 90px);
                  .icon {
                    margin: 0 10px 0 15px;

                    img {
                      width: 12px;
                      display: block;
                      filter: grayscale(100%);
                    }
                  }

                  p {
                    color: rgba(61, 61, 61, 1);
                    font-size: 16px;
                    transition: all 600ms;
                    font-weight: 500;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    position: relative;
                    width: 85%;
                    &::after {
                      content: attr(data-title);
                      position: absolute;
                      left: 0;
                      top: 0;
                      width: 100%;
                      display: block;
                      color: #C71D1D;
                      font-weight: bold;
                      font-size: 16px;
                      opacity: 0;
                      transition: all 600ms;
                      white-space: nowrap;
                      text-overflow: ellipsis;
                      overflow: hidden;
                    }
                  }
                }

                .time {
                  color: rgba(128, 128, 129, 1);
                  font-size: 16px;
                  transition: all 600ms;
                  width: 90px;
                }

                &:hover {
                  .l {
                    .icon {
                      img {
                        filter: grayscale(0);
                      }
                    }

                    p {
                      color:transparent;
                      &::after{
                        opacity: 1;
                      }
                    }
                  }

                  .time {
                    color: #C71D1D;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .section3 {
    .content {
      width: 1400px;
      margin:  60px  auto;
      display: flex;
      justify-content: space-between;

      .lbox {
        width: 36%;

        .title {
          display: flex;
          justify-content: space-between;
          padding: 0 15px 0 0;
          box-shadow: 0 0 10px rgba(0, 0, 0, .2);
          background: white;
          margin-bottom: 10px;

          .l {
            .item {
              display: flex;
              align-items: center;
              width: 100%;
              justify-content: center;
              padding: 8px 0 8px 10px;
              position: relative;
              cursor: pointer;

              .icon {
                width: 22px;
                display: block;
                position: relative;
                z-index: 1;
                transform: translateY(-1px);
              }

              p {
                font-size: 20px;
                color: white;
                margin: 0 0 0 10px;
                font-weight: bold;
                position: relative;
                z-index: 1;
                transform: translateY(-2px);
              }

              .bg {
                position: absolute;
                left: -1px;
                height: 100%;
                top: -7px;
                opacity: 0;
                transition: all 600ms;
                opacity: 1;

                img {
                  display: block;
                  object-fit: contain;
                  width: 160px;
                }
              }
            }
          }

          a {
            display: flex;
            align-items: center;

            p {
              margin: 0;
              font-size: 14px;
              color: #808081;
            }

            img {
              display: block;
              width: 6px;
              margin-left: 10px;
            }
          }
        }

        .allItems {
          .box {

            .list {
              a {
                border-bottom: 1px dashed rgba(61, 61, 61, .2);
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 15px 0;
                p{
                  margin: 0;
                }
                .l {
                  display: flex;
                  align-items: center;
                  width: calc(100% - 90px);
                  .icon {
                    margin: 0 10px 0 15px;

                    img {
                      width: 12px;
                      display: block;
                      filter: grayscale(100%);
                    }
                  }

                  p {
                    color: rgba(61, 61, 61, 1);
                    font-size: 16px;
                    transition: all 600ms;
                    font-weight: 500;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    position: relative;
                    width: 85%;
                    &::after {
                      content: attr(data-title);
                      position: absolute;
                      left: 0;
                      top: 0;
                      width: 100%;
                      display: block;
                      color: #C71D1D;
                      font-weight: bold;
                      font-size: 16px;
                      opacity: 0;
                      transition: all 600ms;
                      white-space: nowrap;
                      text-overflow: ellipsis;
                      overflow: hidden;
                    }
                  }
                }

                .time {
                  color: rgba(128, 128, 129, 1);
                  font-size: 16px;
                  transition: all 600ms;
                  width: 90px;
                }

                &:hover {
                  .l {
                    .icon {
                      img {
                        filter: grayscale(0);
                      }
                    }

                    p {
                      color:transparent;
                      &::after{
                        opacity: 1;
                      }
                    }
                  }

                  .time {
                    color: #C71D1D;
                  }
                }
              }
            }
          }
        }
      }
      .rbox {
        width: 62%;

        .title {
          display: flex;
          justify-content: space-between;
          padding: 0 15px 0 0;
          box-shadow: 0 0 10px rgba(0, 0, 0, .2);
          background: white;
          margin-bottom: 13px;

          .l {
            display: flex;

            .item {
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 8px 0 8px 10px;
              position: relative;
              cursor: pointer;
              margin-right: 30px;
              .icon {
                width: 22px;
                display: block;
                position: relative;
                z-index: 1;
                transform: translateY(-1px);
                display: none;
              }

              p {
                font-size: 20px;
                color: #C71D1D;
                margin: 0 0 0 10px;
                font-weight: bold;
                position: relative;
                z-index: 1;
                transform: translateY(-2px);
              }

              .bg {
                position: absolute;
                left: -1px;
                height: 100%;
                top: -7px;
                opacity: 0;
                transition: all 600ms;

                img {
                  display: block;
                  object-fit: contain;
                  width: 160px;
                }
              }
            }

            .on {
              .icon{
                display: block;
              }
              .bg {
                opacity: 1;
              }
              p{
                color:white;
              }
            }
          }

          a {
            display: flex;
            align-items: center;

            p {
              margin: 0;
              font-size: 14px;
              color: #808081;
            }

            img {
              display: block;
              width: 6px;
              margin-left: 10px;
            }
          }
        }

        .allItems {
          .list {
            display: none;

            a {
              border-bottom: 1px dashed rgba(61, 61, 61, .2);
              display: flex;
              justify-content: space-between;
              align-items: center;
              padding: 15px 0;
              p{
                margin: 0;
              }
              .l {
                display: flex;
                align-items: center;
                width: calc(100% - 90px);
                .icon {
                  margin: 0 10px 0 15px;

                  img {
                    width: 12px;
                    display: block;
                    filter: grayscale(100%);
                  }
                }

                p {
                  color: rgba(61, 61, 61, 1);
                  font-size: 16px;
                  transition: all 600ms;
                  font-weight: 500;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  overflow: hidden;
                  position: relative;
                  width: 85%;
                  &::after {
                    content: attr(data-title);
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    display: block;
                    color: #C71D1D;
                    font-weight: bold;
                    font-size: 16px;
                    opacity: 0;
                    transition: all 600ms;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                  }
                }
              }

              .time {
                color: rgba(128, 128, 129, 1);
                font-size: 16px;
                transition: all 600ms;
                width: 90px;
              }

              &:hover {
                .l {
                  .icon {
                    img {
                      filter: grayscale(0);
                    }
                  }

                  p {
                    color:transparent;
                    &::after{
                      opacity: 1;
                    }
                  }
                }

                .time {
                  color: #C71D1D;
                }
              }
            }
          }

          .on {
            display: block;
          }
        }
      }
    }
  }

  .section4 {
    background: url(../images/dbg.png) no-repeat;
    background-size: cover;
    padding: 60px 0;
    .content {
      width: 1400px;
      margin:  0 auto;
      display: flex;
      justify-content: space-between;

      .lbox {
        width: 60%;

        .title {
          display: flex;
          justify-content: space-between;
          padding: 0 15px 0 0;
          box-shadow: 0 0 10px rgba(0, 0, 0, .2);
          background: white;
          margin-bottom: 10px;

          .l {
            .item {
              display: flex;
              align-items: center;
              width: 100%;
              justify-content: center;
              padding: 8px 0 8px 10px;
              position: relative;
              cursor: pointer;

              .icon {
                width: 22px;
                display: block;
                position: relative;
                z-index: 1;
                transform: translateY(-1px);
              }

              p {
                font-size: 20px;
                color: white;
                margin: 0 0 0 10px;
                font-weight: bold;
                position: relative;
                z-index: 1;
                transform: translateY(-2px);
              }

              .bg {
                position: absolute;
                left: -1px;
                height: 100%;
                top: -7px;
                opacity: 0;
                transition: all 600ms;
                opacity: 1;

                img {
                  display: block;
                  object-fit: contain;
                  width: 160px;
                }
              }
            }
          }

          a {
            display: flex;
            align-items: center;

            p {
              margin: 0;
              font-size: 14px;
              color: #808081;
            }

            img {
              display: block;
              width: 6px;
              margin-left: 10px;
            }
          }
        }

        .allItems {
          .box {

            .list {
              a {
                border-bottom: 1px dashed rgba(61, 61, 61, .2);
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 15px 0;
                p{
                  margin: 0;
                }
                .l {
                  display: flex;
                  align-items: center;
                  width: calc(100% - 90px);
                  .icon {
                    margin: 0 10px 0 15px;

                    img {
                      width: 12px;
                      display: block;
                      filter: grayscale(100%);
                    }
                  }

                  p {
                    color: rgba(61, 61, 61, 1);
                    font-size: 16px;
                    transition: all 600ms;
                    font-weight: 500;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    position: relative;
                    width: 85%;
                    &::after {
                      content: attr(data-title);
                      position: absolute;
                      left: 0;
                      top: 0;
                      width: 100%;
                      display: block;
                      color: #C71D1D;
                      font-weight: bold;
                      font-size: 16px;
                      opacity: 0;
                      transition: all 600ms;
                      white-space: nowrap;
                      text-overflow: ellipsis;
                      overflow: hidden;
                    }
                  }
                }

                .time {
                  color: rgba(128, 128, 129, 1);
                  font-size: 16px;
                  transition: all 600ms;
                  width: 90px;
                }

                &:hover {
                  .l {
                    .icon {
                      img {
                        filter: grayscale(0);
                      }
                    }

                    p {
                      color:transparent;
                      &::after{
                        opacity: 1;
                      }
                    }
                  }

                  .time {
                    color: #C71D1D;
                  }
                }
              }
            }
          }
        }
      }
      .rbox {
        width:38%;

        .title {
          display: flex;
          justify-content: space-between;
          padding: 0 15px 0 0;
          box-shadow: 0 0 10px rgba(0, 0, 0, .2);
          background: white;
          margin-left: 1px;

          .l {
            .item {
              display: flex;
              align-items: center;
              width: 100%;
              justify-content: center;
              padding: 8px 0 8px 10px;
              position: relative;
              cursor: pointer;

              .icon {
                width: 22px;
                display: block;
                position: relative;
                z-index: 1;
                transform: translateY(-1px);
              }

              p {
                font-size: 20px;
                color: white;
                margin: 0 0 0 10px;
                font-weight: bold;
                position: relative;
                z-index: 1;
                transform: translateY(-2px);
              }

              .bg {
                position: absolute;
                left: -1px;
                height: 100%;
                top: -7px;
                opacity: 0;
                transition: all 600ms;
                opacity: 1;

                img {
                  display: block;
                  object-fit: contain;
                  width: 160px;
                }
              }
            }
          }

          a {
            display: flex;
            align-items: center;

            p {
              margin: 0;
              font-size: 14px;
              color: #808081;
            }

            img {
              display: block;
              width: 6px;
              margin-left: 10px;
            }
          }
        }

        .allItems {
          background: #C71D1D;
          padding:15px 15px 0 15px ;
          a {
            border-bottom: 1px dashed rgba(255, 255, 255, .5);
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 0;
            p{
              margin: 0;
            }
            .l {
              display: flex;
              align-items: center;
              width: calc(100% - 90px);
              .icon {
                margin: 0 10px 0 15px;

                img {
                  width: 12px;
                  display: block;
                  opacity: .6;
                  transition: all 600ms;
                }
              }

              p {
                color: white;
                font-size: 16px;
                transition: all 600ms;
                font-weight: 500;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                position: relative;
                width: 85%;
                &::after {
                  content: attr(data-title);
                  position: absolute;
                  left: 0;
                  top: 0;
                  width: 100%;
                  display: block;
                  color: white;
                  font-weight: bold;
                  font-size: 16px;
                  opacity: 0;
                  transition: all 600ms;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  overflow: hidden;
                }
              }
            }

            .time {
              color: rgba(255, 255, 255, .6);
              font-size: 16px;
              transition: all 600ms;
              width: 90px;
            }

            &:hover {
              .l {
                .icon {
                  img {
                    opacity: 1;
                  }
                }

                p {
                  color:transparent;
                  &::after{
                    opacity: 1;
                  }
                }
              }
              .time{
                color: rgba(255, 255, 255, 1);
              }
            }
          }
          a:last-child{
            border-bottom: none;
          }
        }
      }
    }
  }


  .section5{
    width: 1400px;
    margin: 50px auto;

    .title {
      display: flex;
      justify-content: space-between;
      padding: 0 15px;
      box-shadow: 0 0 10px rgba(0, 0, 0, .2);
      background: white;
      position: relative;
      margin-bottom: 25px;

      .bg {
        position: absolute;
        left: -1px;
        height: 100%;
        top: -7px;

        img {
          display: block;
          object-fit: contain;
          width: 160px;
        }
      }

      .l {
        position: relative;
        z-index: 10;

        .st {
          display: flex;
          align-items: center;
          width: 100%;
          justify-content: center;
          padding: 8px 0;

          img {
            width: 22px;
            display: block;
            transform: translateY(-2px);
          }

          p {
            font-size: 20px;
            color: white;
            margin: 0 0 0 10px;
            font-weight: bold;
            transform: translateY(-4px);
          }
        }
      }

      a {
        display: flex;
        align-items: center;

        p {
          margin: 0;
          font-size: 14px;
          color: #808081;
        }

        img {
          display: block;
          width: 6px;
          margin-left: 10px;
        }
      }
    }
    .box{
      display: flex;
      justify-content: space-between;
      .pic{
        width: 35%;
        overflow: hidden;
        img{
          width: 100%;
          display: block;
          object-fit: cover;
          height:222px;
          transition: all 600ms;
        }
        &:hover{
          img{
            transform: scale(1.05);
          }
        }
      }
      .list{
        width: calc(75% - 30px);
        background: url(../images/dbg.png) no-repeat;
        background-size: cover;
        padding: 0 15px 15px 15px;
        a {
          border-bottom: 1px dashed rgba(61, 61, 61, .2);
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 15px 0;
          p{
            margin: 0;
          }
          .l {
            display: flex;
            align-items: center;
            width: calc(100% - 90px);
            .icon {
              margin: 0 10px 0 15px;

              img {
                width: 12px;
                display: block;
                filter: grayscale(100%);
              }
            }

            p {
              color: rgba(61, 61, 61, 1);
              font-size: 16px;
              transition: all 600ms;
              font-weight: 500;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              position: relative;
              width: 85%;
              &::after {
                content: attr(data-title);
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                display: block;
                color: #C71D1D;
                font-weight: bold;
                font-size: 16px;
                opacity: 0;
                transition: all 600ms;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
              }
            }
          }

          .time {
            color: rgba(128, 128, 129, 1);
            font-size: 16px;
            transition: all 600ms;
            width: 90px;
          }

          &:hover {
            .l {
              .icon {
                img {
                  filter: grayscale(0);
                }
              }

              p {
                color:transparent;
                &::after{
                  opacity: 1;
                }
              }
            }

            .time {
              color: #C71D1D;
            }
          }
        }
      }
    }
  }

  .section6{
    width: 1400px;
    margin: 0 auto 120px auto;

    .title {
      display: flex;
      justify-content: space-between;
      padding: 0 30px 0 15px;
      background: white;
      box-shadow: 0 0 10px rgba(0, 0, 0, .2);
      position: relative;
      margin-bottom: 30px;

      .bg {
        position: absolute;
        left: -1px;
        height: 100%;
        top: -7px;

        img {
          display: block;
          object-fit: contain;
          width: 160px;
        }
      }

      .l {
        position: relative;
        z-index: 10;

        .st {
          display: flex;
          align-items: center;
          width: 100%;
          justify-content: center;
          padding: 8px 0;

          img {
            width: 22px;
            display: block;
            transform: translateY(-3px);
          }

          p {
            font-size: 20px;
            color: white;
            margin: 0 0 0 10px;
            font-weight: bold;
            transform: translateY(-4px);
          }
        }
      }
    }

    .pics {
      display: flex;
      justify-content: space-between;
      align-items: center;
      .prev,
      .next {
        cursor: pointer;

        img {
          width: 36px;
          display: block;
        }
      }

      .swiper-container {
        width: 100%;
        margin: 0 3%;

        a {
          display: block;

          img {
            width: 100%;
            display: block;
            object-fit: cover;
            transition: all 600ms;
          }

          &:hover {
            img {
              transform: scale(0.95);
            }
          }
        }
      }
    }
  }


  @media screen and (max-width: 1441px) {

    .section1 {
      width: 90%;
      .box{
        .list{
          a{
            padding: 12px 0;
          }
        }
      }
    }

    .section2,
    .section3 {
      .content {
        width: 90%;
      }
    }
    .section3{
      .content{
        .rbox{
          .title{
            .l{
              .item{
                p{
                  font-size: 16px;
                }
              }
            }
          }
        }
      }
    }

    .section4{
      .content{
        width: 90%;
      }
    }
    .section5,.section6{
      width: 90%;
    }
  }

  @media screen and (max-width:1024px){
    .section1{
      .box{
        .banner{
          .swiper-container{
            .swiper-slide{
              a{
                img{
                  height: 250px;
                }
              }
            }
          }
        }
      }
    }
  }

  @media screen and (max-width: 768px) {
    .section1{
      margin: 100px auto 40px auto;
      .box{
        flex-direction: column;
        .banner{
          width: 100%;
          .other{
           display: none;
          }
        }
        .list{
          width: 100%;
        }
      }
    }
    .section2{
      padding: 40px 0;
      .content{
        flex-direction: column;
        .lbox{
          width: 100%;
        }
        .lbox:last-child{
          margin-top: 30px
        }
      }
    }
    .section3{
      .content{
        flex-direction: column;
        margin: 40px auto;
        .lbox{
          width: 100%;
        }
        .rbox{
          width: 100%;
          margin-top: 40px;
          .title{
            padding-right: 0;
            background: rgba(199, 29, 27,.2);
            .l{
              flex-wrap: wrap;
              justify-content: space-between;
              width: 100%;
              .item{
                width:50%;
                margin-right: 0;
                padding: 15px 0;
                .bg{
                  display: none;
                }
              }
              .on{
                background: #C71D1D;
              }
            }
            a{
              display: none;
            }
          }
        }
      }
    }
    .section4{
      padding: 40px 0;
      .content{
        flex-direction: column;
        .lbox{
          width: 100%;
        }
        .rbox{
          width: 100%;
          margin-top: 30px;
          .allItems{
            padding-top: 0;
          }
        }
      }
    }
    .section5{
      .title{
        margin-bottom: 15px;
      }
      .box{
        flex-direction: column;
        .pic{
           width: 100%;
           img{
            height: auto;
           }
        }
        .list{
          width: calc(100% - 30px);
        }
      }
    }
    .section6 {
      margin-bottom: 40px;
      .title {
        margin-bottom: 15px;
      }

      .pics {

        .prev,
        .next {
          img {
            width: 24px;
          }
        }
      }
    }
  }
}